<template>
  <dv-border-box-1>
  <ve-gauge :data="chartData" :extend="A3Settings"></ve-gauge>
  </dv-border-box-1>
</template>

<script>
export default {
  name: "DataViewA3",
  data(){
    return{
      chartData: {
        columns: ['type', 'value'],
        rows: [
          { type: 'speed', value: 90 }
        ]
      },
      A3Settings:{
        title: {
          text: "当前水位高度",
          x:'center',
          top: 10,
          textStyle:{
            color:'#e1ece1',
            fontFamily:'PingFang-RE',
            fontSize:24
          }
        },
        series:{
          min:0,
          max:150,
          detail:{
            formatter:'{value}m'
          }
        }
      }
    }
  }
}
</script>

<style scoped>

</style>
